{extend name="layout/layout"}
{block name="content"}
<main class="active">
    <div class="head_a1">
        <div class="layui-main">
            <div class="b1">
                <div class="t1">步驟一：活動資訊( 活動基本資訊 )</div>
                <a href="/" class="back_btn"><img src="__ROOT__/public/activity/images/out.png">返回首页</a>
            </div>
        </div>
    </div>
    <div class="main_a">
        <div class="layui-main">
            <div class="active_w active1 ">
                <from class="layui-form">
                    <p class="text-align-center ft18 mb40 ft-bold">同意說明書</p>
                    <div class="active1_b1 line2">
                        {$vo.content|default=''|raw}
                    </div>
                    <div class="flex-center mt40">
                        <input type="checkbox" name="" id="activity-agreement-checkbox" title="我已同意上述規範" {notempty name="confirm"}checked {/notempty}>
                    </div>
                    <div class="mt100 d-flex jc-fe">
                        <div href="javascript:;" onclick="goNext()">
                            <button class="layui-btn layui-bg-orange next-btn" {empty name="confirm"}disabled {/empty} >
                                下一步
                            </button>
                        </div>
                    </div>
                </from>
            </div>

        </div>
    </div>
    <script>
        layui.use(function () {
            var $ = layui.$;
            var form = layui.form;
            var layer = layui.layer;
            form.on('checkbox', function (data) {
                $('.next-btn').attr('disabled', !data.elem.checked)
            });
        })
        function goNext() {
           $.quickPost('{:url("/activity/create/agreement")}', {confirm: true}).done(res=>{
               location.href = '{:url("/activity/create/theme")}';
           });
        }
    </script>
</main>
{/block}
